<!DOCTYPE html>
<!-- 说明：本学成网页面模板在网上已有源码，但该模板未使用原网站的源码，并不是由原模板源码改造而来，本模板由个人开发，图片资源和原网站使用的是同一套，但未使用原模板的源码，QQ：2781639872 2020年4月13日13:00-->
<html lang="zh-CN" class="box">
<head>
	<meta charset="UTF-8">
	<title>学成网</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="shortcut icon" href="image/logo.ico">
</head>
<body>
	<!-- 顶部导航栏 -->
	<div class="dbdh" id="fhdb">
		<!-- logo -->
		<div class="logo"><a href="#"></a></div>
		<!-- 顶部的按钮 -->
		<div class="an">
			<span>
				<a href="#">首页</a>
			</span>
			<span>
				<a href="#">课程</a>
			</span>
			<span>
				<a href="#">职业规划</a>
			</span>
		</div>
		<!-- 搜索栏 -->
		<div class="ss">
			<input type="search" class="srk" placeholder="   输入关键词">
		</div>
		<!-- 搜索按钮 -->
		<div>
			<input type="image" class="sstp" src="image/ss.png" align="absmiddle">
		</div>
		<!-- 用户 -->
		<a href="#" class="grzx">个人中心</a>
		<img src="image/tz.png" class="tz">
		<s class="tz-hd"></s>
		<img src="image/yh.jpg" class="yh">
			<a href="#" class="yhm">前端攻城狮</a>
	</div>
	<!-- 顶部导航栏结束 -->
	<!-- 导航栏下面的列表 -->
	<div class="dhlxbj">
			<!-- 左边 -->
			<div class="dhlz">
				<ul>
					<li><a href="#">前端开发<span>></span></a></li>
					<li><a href="#">后端开发<span>></span></a></li>
					<li><a href="#">移动开发<span>></span></a></li>
					<li><a href="#">人工智能<span>></span></a></li>
					<li><a href="#">商业预测<span>></span></a></li>
					<li><a href="#">云计算&大数据<span>></span></a></li>
					<li><a href="#">运维&测试<span>></span></a></li>
					<li><a href="#">UI设计<span>></span></a></li>
					<li><a href="#">产品<span>></span></a></li>
				</ul>
			</div>
			<!-- 左边结束 -->
			<!-- 中间的跑马灯按钮开始 -->
			<ul class="dhl-pmd">
				<li><a href="#"></a></li>
				<li><a href="#"></a></li>
				<li><a href="#"></a></li>
				<li><a href="#"></a></li>
				<li><a href="#"></a></li>
				<li><a href="#"></a></li>
			</ul>
			<!-- 中间的跑马灯按钮结束 -->
			<!-- 立即学习按钮 -->
			<a href="#" class="dhl-xx"></a>
			<!-- 右边 -->
			<div class="dhly">
				<ul>
					<div class="ys1"><a>我的课程表</a></div>
					<li class="ys2">
					<a class="cs">
						<a href="#" class="ys2d">继续学习 前端基础</a><br>
						<a class="ys2x">正在学习-HTML基础八</a>
					</a>
					</li>
					<li class="ys3">
						<a href="#" class="ys3d">继续学习 前端基础</a>
						<a class="ys3x">正在学习-CSS基础三</a>
					</li>
					<li class="ys4">
						<a href="#" class="ys4d">继续学习 前端基础</a>
						<a class="ys4x">正在学习-JS基础五</a>
					</li>
					<li class="ys5">
						<a href="#" class="ys5an">全部课程</a>
					</li>
				</ul>
			</div>
			<!-- 右边结束 -->
	</div>
	<!-- 导航栏下面的列表结束 -->
	<!-- 中间主体区域 -->
	<div class="zjzt">
		<!-- 中间主体区域的顶部推荐栏开始 -->
		<div class="zjzt-dhl">
			<a class="zjzt-dhl-zt1">精品推荐</a>
			<a class="zjzt-dhl-zt2">|</a>
			<a href="#" class="zjzt-dhl-zt3">JQuery</a>
			<a class="zjzt-dhl-zt4">|</a>
			<a href="#" class="zjzt-dhl-zt5">PHP</a>
			<a class="zjzt-dhl-zt6">|</a>
			<a href="#" class="zjzt-dhl-zt7">HTML</a>
			<a class="zjzt-dhl-zt8">|</a>
			<a href="#" class="zjzt-dhl-zt9">MYSQL</a>
			<a class="zjzt-dhl-zt10">|</a>
			<a href="#" class="zjzt-dhl-zt11">CSS</a>
			<a class="zjzt-dhl-zt12">|</a>
			<a href="#" class="zjzt-dhl-zt13">JavaScript</a>
			<a href="#" class="zjzt-dhl-zt14">修改兴趣</a>
		</div>
		<!-- 中间主体区域的顶部推荐栏结束 -->
		<div class="zjzt-kcmc-1">
		<a class="zjzt-kcmc1">精品推荐</a>
		<a href="#" class="zjzt-kcmc2">查看全部</a>
		</div>
		<!-- 第一条课程开始 -->
		<div class="zjzt-kc-1">
			<ul>
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
				<!-- 中间间隔开始 -->
				<div class="zjzt-kc-kb"></div>
				<!-- 中间间隔结束 -->
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
				<!-- 中间间隔开始 -->
				<div class="zjzt-kc-kb"></div>
				<!-- 中间间隔结束 -->
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
				<!-- 中间间隔开始 -->
				<div class="zjzt-kc-kb"></div>
				<!-- 中间间隔结束 -->
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
				<!-- 中间间隔开始 -->
				<div class="zjzt-kc-kb"></div>
				<!-- 中间间隔结束 -->
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
			</ul>
		</div>
		<!-- 第二条课程开始 -->
		<div class="zjzt-kc-1">
			<ul>
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
				<!-- 中间间隔开始 -->
				<div class="zjzt-kc-kb"></div>
				<!-- 中间间隔结束 -->
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
				<!-- 中间间隔开始 -->
				<div class="zjzt-kc-kb"></div>
				<!-- 中间间隔结束 -->
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
				<!-- 中间间隔开始 -->
				<div class="zjzt-kc-kb"></div>
				<!-- 中间间隔结束 -->
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
				<!-- 中间间隔开始 -->
				<div class="zjzt-kc-kb"></div>
				<!-- 中间间隔结束 -->
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
			</ul>
		</div>
		<!-- 第二条课程结束 -->
		<!-- 第三条上面的导航栏 -->
		<div class="zjzt-kcmc-2">
		<a class="zjzt-kcmc1">编程入门</a>
		<a href="#" class="zjzt-kcmc2">查看全部</a>
		</div>
		<!-- 第三条课程开始 -->
		<div class="zjzt-kc-1">
			<ul>
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
				<!-- 中间间隔开始 -->
				<div class="zjzt-kc-kb"></div>
				<!-- 中间间隔结束 -->
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
				<!-- 中间间隔开始 -->
				<div class="zjzt-kc-kb"></div>
				<!-- 中间间隔结束 -->
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
				<!-- 中间间隔开始 -->
				<div class="zjzt-kc-kb"></div>
				<!-- 中间间隔结束 -->
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
				<!-- 中间间隔开始 -->
				<div class="zjzt-kc-kb"></div>
				<!-- 中间间隔结束 -->
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
			</ul>
		</div>
		<!-- 第三条结束 -->
		<!-- 第二条课程开始 -->
		<div class="zjzt-kc-1">
			<ul>
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
				<!-- 中间间隔开始 -->
				<div class="zjzt-kc-kb"></div>
				<!-- 中间间隔结束 -->
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
				<!-- 中间间隔开始 -->
				<div class="zjzt-kc-kb"></div>
				<!-- 中间间隔结束 -->
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
				<!-- 中间间隔开始 -->
				<div class="zjzt-kc-kb"></div>
				<!-- 中间间隔结束 -->
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
				<!-- 中间间隔开始 -->
				<div class="zjzt-kc-kb"></div>
				<!-- 中间间隔结束 -->
				<!-- 课程容器 -->
				<li>
					<!-- 课程图片 -->
					<div class="zjzt-kc1">
						<img src="image/kc.jpg">
					</div>
					<!-- 课程下面的文字信息 -->
					<div class="zjzt-kc-lj1">
						<a href="#" class="zjzt-kc-mc1">Think php 5.0 博客系统实战<br>项目演练</a>
						<a class="zjzt-kc-mc2"><span>高级</span> • 1120人在学习</a>
					</div>
				</li>
			</ul>
		</div>
		<!-- 第二条课程结束 -->
	</div>
	<!-- 中间主体结束 -->
	<!-- 底部导航栏 -->
	<div class="dbdhl">
		<ul class="dbdhl-xx1">
			<li class="dbdhl-xx1-t1"><a href="#" class="dbdhl-xx1-t1-lj"></a></li>
			<li class="dbdhl-xx1-t2 dbzt">学成在线致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程。</li>
			<li class="dbdhl-xx1-t3 dbzt">© 2020年~~~保留所有权利。-黑ICP备QQ2781639872号</li>
			<li class="dbdhl-xx1-t4"><a href="#" class="dbdhl-xx1-t4-an">下载APP</a></li>
		</ul>
		<ul class="dbdhl-xx2">
			<li class="sbdhl-xx2-t1"><h4>关于学成网</h4></li>
			<li class="sbdhl-xx2-t2"><a href="#">关于</a></li>
			<li class="sbdhl-xx2-t3"><a href="#">管理团队</a></li>
			<li class="sbdhl-xx2-t4"><a href="#">工作机会</a></li>
			<li class="sbdhl-xx2-t5"><a href="#">客户服务</a></li>
			<li class="sbdhl-xx2-t6"><a href="#">帮助</a></li>
		</ul>
		<ul class="dbdhl-xx3">
			<li class="sbdhl-xx3-t1"><h4>新手指南</h4></li>
			<li class="sbdhl-xx3-t2"><a href="#">如何注册</a></li>
			<li class="sbdhl-xx3-t3"><a href="#">如何拿到毕业证</a></li>
			<li class="sbdhl-xx3-t4"><a href="#">学分是什么</a></li>
			<li class="sbdhl-xx3-t5"><a href="#">如何选课</a></li>
			<li class="sbdhl-xx3-t6"><a href="#">考试未通过怎么办</a></li>
		</ul>
		<ul class="dbdhl-xx4">
			<li class="sbdhl-xx4-t1"><h4>合作伙伴</h4></li>
			<li class="sbdhl-xx4-t2"><a href="#">合作机构</a></li>
			<li class="sbdhl-xx4-t3"><a href="#">合作导师</a></li>
		</ul>
	</div>
	<!-- 底部导航栏结束 -->
	<!-- 左侧边固定栏开始 -->
	<div class="zcdhl">
		<ul class="zcdhl-ul">
			<li><a href="#">联系我们</a></li>
			<li><a href="#">关于我们</a></li>
			<li><a href="#">意见反馈</a></li>
			<li><a href="#">客服</a></li>
			<li><a href="#fhdb">返回顶部</a></li>
		</ul>
	</div>
	<!-- 左侧边固定栏结束 -->
</body>
</html>